body {
    background-color: rgba(242, 242, 246, 1) !important;
}
.navbar {
    margin-bottom: 0  !important;
    background-color: #fff !important;
}
.btn-default {
    position: relative;
    margin: 15px 0;
    height: 30px;
    background-color: rgba(242, 242, 246, 1) !important;
}
.button1 {
    position: absolute;
    top: 0;
    right: 2%;
}
.btn-default button {
    margin: 0 5px;
}
.table-responsive {
    background-color: #fff;
    margin-bottom: 0 !important;
}
.select {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #666;
    margin-left: 15px;
}
.tfoot {
    width: 100%;
    /* height: 50px; */
    background-color: #fff;
    text-align: center;
    padding-bottom: 20px;
}
.size1 {
    width: 60%;
    margin: 0 auto;
    height: 20px;
}
.size2 {
    width: 50%;
    margin: 0 auto;
    height: 20px;
    cursor: pointer;
}
.tfoot p {
    padding: 3px;
    float: left;
    border-radius: 3px;
    margin: 0 6px;
}
.tfoot a {
    color: rgb(103, 101, 101);
}
.p1 {
    padding:0 15px;
}
#size2-p3 {
    width: 30px;
}


.selected_on {
    border: none;
    /* background-color: #2e99d6; */
    /* background: -webkit-radial-gradient(circle, #2e99d6, #94d6fc); */
    background: radial-gradient(circle, #2280b6, #94d6fc);
  }
  
@media screen and (max-width: 768px) {
    .p1 {
        padding:0 0;
    }
    .p1 a {
        color: #333 !important;
        font-size: 18px;
    }
    .navbar-header {
        display: none;
    }
}
@media screen and (max-width: 813px) {
    .size2 {
        width: 70%;
        margin: 0 auto;
        height: 20px;
    }
}
@media screen and (max-width: 589px) {
    .size2 {
        width: 100%;
        margin: 0 auto;
        height: 20px;
    }
}